@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <div class="row row-lg">
                    <div style="display: none">
                        <input type="hidden" id="checkoutMethodValue" value="">
                        <input type="hidden" id="fieldTcValue" value="">
                        <div class="col-sm-3 fatherBtn">
                            <#NameCon id="doctor" name="医生" />
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <ul class="ul_li clearfix">
                            <li>
                                <label>结账时间</label>
                                <input type="text" id="startTime" class="selectBox" style="border: 1px solid #999999;width: 190px;"
                                       onclick="laydate({istiem:true,format:'YYYY-MM-DD 16:00:00'})">
                                <span>-</span>
                                <input type="text" id="endTime" class="selectBox" style="border: 1px solid #999999;width: 190px;"
                                       onclick="laydate({istiem:true,format:'YYYY-MM-DD 16:00:00'})">
                            </li>
                            <li>
                                <label>结账方式</label>
                                <select class="selectBox" id="checkoutMethod" name="checkoutMethod" onchange="PaymentRecord.search()">
                                </select>
                            </li>
                            <li>
                                <label style="width: 40px;">TC</label>
                                <select type="text" class="selectBox" id="fieldTc" name="fieldTc" style="border: 1px solid #999999"
                                        onchange="PaymentRecord.search()">
                                </select>
                            </li>
                            <li>
                                <label>客户状态</label>
                                <select class="selectBox" id="customerStatus" name="customerStatus"
                                        onchange="PaymentRecord.search()">
                                    <option value="">全部</option>
                                    <option value="新客首次">新客首次</option>
                                    <option value="新客二次">新客二次</option>
                                    <option value="老客">老客</option>
                                    <option value="复诊">复诊</option>
                                </select>
                            </li>
                            <li style="float: right;margin: 0;">
                                <div style="width: 288px;height: 39px;border: 1px solid #cccccc;border-radius: 3px">
                                    <span class="glyphicon glyphicon-search" style="padding: 7px 0px 0px 10px;"></span>
                                    <input type="text" id="reach" placeholder="姓名/电话/微信/预约号"
                                           onchange="PaymentRecord.search()" style="width: 238px;height: 35px;border: none;float: right;outline:none;margin-top: 1px">
                                </div>
                            </li>
                        </ul>
                        <div class="col-sm-12 clearfix" style="margin: 20px 0">
                            <div class="btn_box" style="float: right;">
                                <button type="button" class="btn" onclick="PaymentRecord.toUpdate()">修改结账方式</button>
                                <button type="button" class="btn" onclick="PaymentRecord.resetSearch()">重置</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12" style="background:#3b97d3;height: 46px;">
                        <h4 style="line-height: 46px;color: white;margin: 0;">总金额：<span id="sumMoney"> 0</span> 元</h4>
                    </div>
                    <#table id="PaymentRecordTable"/>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/paymentRecord.js"></script>
@}
<style>
    ul{  padding: 0; margin: 0; }
    .selectBox {  width: 170px;  height: 39px;  border-radius: 5px;  padding-left: 5px;  }
    .ul_li>li{  float: left;margin-right: 2%  }
    .ul_li label{  display: inline-block;  width: 80px;  }
    .btn_box button {  margin: 0;  color: white;  background: #2eadd0;  padding: 7px 30px;  font-size: 1em;  }
    .choice_btn {  background: #5e8aa3;  color: white;  padding: 3px 10px;  font-size: 1em;  }
</style>